@import './variable.less';


page,
view,
input,
button,
scroll-view {
  box-sizing: border-box;
}

page {

  --color-dark : @colorDark;
  --color-light: @colorLight;

  // 常规
  --color-primary   : @colorPrimary;
  --color-primary-bg: @colorPrimaryBg;

  // 错误
  --color-error        : @colorError;
  --color-error-shallow: #fd434310;

  // 成功
  --color-success        : @colorSuccess;
  --color-success-shallow: rgba(29, 186, 110, 0.1);


  // 警告
  --color-warning: @colorWarning;


  // 字体颜色
  --color-text-theme : @colorTextTheme;
  --color-text-main  : @colorTextBase;
  --color-text-second: @colorTextSecond;
  --color-text-third : @colorTextThird;


  // 字体大小
  --size-text-xs  : @sizeTextXs;
  --size-text-sm  : @sizeTextSm;
  --size-text-base: @sizeTextBase;
  --size-text-lg  : @sizeTextLg;
  --size-text-xl  : @sizeTextXl;
  --size-text-2xl  : @sizeText2Xl;

  --color-bg-base: @colorBgBase;


  font-size    : var(--size-text-base);
  // background: linear-gradient(0deg, #DFC3A1 0%, #FFF8EF 100%);
}

.safe-footer {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  // @apply flex items-center justify-center;
}

.shawdowTop {
  --tw-shadow: 0 -10rpx 15rpx -3rpx rgb(0 0 0 / 0.1), 0 -4rpx 6rpx -4rpx rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 -10rpx 15rpx -3rpx var(--tw-shadow-color), 0 -4rpx 6rpx -4rpx var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

// .align-justify {
//   text-align     : justify;
//   text-align-last: justify;
// }


button:not([size=mini]) {
  width: unset;
}

button[disabled] {
  background: var(--color-primary);
  opacity   : 1;
  // color: ;
}
